{% load i18n %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!--title>{{ home_page_title }}</title-->

  	 {% block css %}
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
	{% endblock %}
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
   
  <style type="text/css">
			.contenido
			{
				width:50px;
			}
		
		
		.estiloTablaListado {
			font-family: Verdana;
			font-size: 12px;
		}

		.estiloTd{
			padding: 5px;
		}
		
		
		#wrapper {
			width: 100px;
			/*border: 1px solid black;*/
			overflow: hidden; /* will contain if #first is longer than #second */
		}
		.first {
			width: 65px;
			float:left; /* add this */
			color:grey;
			/* border: 1px solid red;*/
		}
		.second {
			/* border: 1px solid green; */
			overflow: hidden; /* if you don't want #second to wrap below #first */
		}
		
		.second2 {
			/* border: 1px solid green; */
			overflow: hidden; /* if you don't want #second to wrap below #first */
			width:80px;
		}
		
		.separador
		{
			height:2px;
		}
		
		.disponible
		{
			color:teal;
		}
		
		.nodisponible
		{
		  color:red;
		}
		
	</style>


	<script type="text/javascript">
		
    $(document).ready(function(){
	
	    $("#tablaListado").addClass("estiloTablaListado");


     $("#tablaListado th").each(function(){
          $(this).addClass("ui-state-default");
     });

     $("#tablaListado td").each(function(){
       $(this).addClass("ui-widget-content");
       $(this).addClass("estiloTd");
	   $(this).addClass("ui-state-default");
	   

     });
  
});
  
 </script>
	
  
  
  
</head>		 	
<body>
		<!-- LOGIN --> {% block login %} 
		{% if isAuthenticated or user.is_authenticated %}
			<b>Nombre Usuario Vendedor: {{ user }}<b><br>
			<b>Punto de Venta : {{ puntoVenta }}
			
		{% endif %}
		{% endblock %}
	 	<!-- FESTIVALES --> {% block festivales %} {% endblock %}
	 	<!-- PRESENTACIONES --> {% block presentaciones %} {% endblock %}
	 	<!-- LOCALIDADES --> {% block localidades %} {% endblock %}
	 	<!-- BUTACA --> {% block butaca %} {% endblock %}
	 	<!-- TICKET -->{% block ticket %} {% endblock %}
</body>
</html>
